<template>
  <view class="main">
    <image src="/static/images/star.png" class="logo"></image>

    <form class="form" @submit="submit">
      <input class="input" type="number" name="account" placeholder="请输入账号"/>
      <input class="input" type="password" name="password" placeholder="请输入密码"/>

      <button class="btn" form-type="submit">登录</button>
    </form>
  </view>

</template>

<script>
export default {
  data() {
    return {};
  },
  onLoad: function (options) {
  },

  methods: {
    submit: function (e){
      var {account, password} = e.detail.value;

    },

  },

}
</script>

<style lang="scss">
.main {
  display: flex;
  align-items: center;
  flex-direction: column;

  .logo {
    width: 100rpx;
    height: 100rpx;
    border-radius: 50rpx;
    margin-top: 100rpx;
  }

  .form {
    display: flex;
    flex-direction: column;
    margin-top: 300rpx;
    width: 80%;

    .input {
      height: 100rpx;
      border: none;
      background-color: #fff;
      margin-bottom: 30rpx;
      padding: 0 20rpx;
      border-radius: 10rpx;
    }
    .btn {
      height: 100rpx;
      background-color: #007aff;
      color: #fff;
      border: none;
      border-radius: 10rpx;
      margin-top: 30rpx;
    }
  }
}
</style>

